import { ref } from 'vue'
import { defineStore } from 'pinia'
import { getCategoryAPI } from '@/apis/layout'

// 你可以任意命名 `defineStore()` 的返回值，但最好使用 store 的名字，同时以 `use` 开头且以 `Store` 结尾。
// (比如 `useUserStore`，`useCartStore`，`useProductStore`)
// 第一个参数是你的应用中 Store 的唯一 ID。
export const useCategoryStore = defineStore('category', () => {
  // 导航列表的数据管理
 // 定义导航栏数据
  const categoryList = ref([])
  // 获取导航栏数据
  const getCategory = async () => {
    const res = await getCategoryAPI()
    // 打印数据
    // console.log(res)
    // 将数据赋值给categoryList
    categoryList.value = res.result
    console.log(categoryList.value)
  }
  // 导出数据
  return {
    categoryList,
    getCategory
  }
})